<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ page session="false"%>
<html lang="en">
<jsp:include page="header.jsp" flush="true">
	<jsp:param name="pageTitle"
		value="Search Results - Purposeful Community" />
</jsp:include>


<style type="text/css">
html,body,.container {
	height: 100%;
}

.container {
	display: table;
	width: 100%;
	margin-top: -40px;
	padding-top: 50px;
	padding-bottom: 50px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.row {
	height: 100%;
	display: table-row;
}

.mid-clm-search {
	position: relative;
	min-height: 1px;
	padding-top: 25px;
	padding-bottom: 100%;
	margin-bottom: -100%;
}

.left-clm-search {
	position: relative;
	min-height: 1px;
	padding-top: 15px;
	padding-bottom: 100%;
	margin-bottom: -100%;
}

.labelClassName {
	color: #f05607;
}

.labelClass {
	font-weight: lighter;
}

.search-result {
	border: auto;
	border: 1px solid #E8EDED;
	padding: 10px 40px;
	background: #FFFFFF;
	width: 100%;
	border-radius: 25px;
	margin: 3px 3px;
	height: 200%;
	position: relative;
}

.go-comm {
	bottom: 0;
}
</style>
</head>
<div class="container">
	<div class="row">
		<div class="col-md-3 no-float left-clm-search"></div>
		<div class="col-md-6 no-float mid-clm-search">
			<table style="margin-top: 100px;">

				<c:forEach var="community" items="${communities}">

					<div class="search-result">
						<label class="labelClassName">${community.name}</label>
						<%-- <td>Name:</td>
						<td>${community.name}</td> --%>
						<label class="labelClass">${community.description}</label> <a
							href="<c:url value="/community/${community.id}/" ></c:url>" type="button"
							class="btn btn-default go-comm" style="margin: inherit;">Go
							Community</a>
					</div>
					<!-- <div class="search-result">
						
					</tdiv> -->

					<%-- <tr>
			<td>Status:</td>
			<td>${community.status}</td>
		</tr> --%>
					<%-- <tr>
			<td>Private:</td>
			<td>${community.status}</td>
		</tr> --%>
				</c:forEach>

			</table>

		</div>
		<div class="col-md-3 no-float right-clm-search"></div>
	</div>
</div>



</body>
</html>
